.search-box {
    padding: 20px 10px 10px 10px;
}

body {
    user-select: none;
}
.body {
    padding: 10px 10px 0 10px;
}

.ms-FocusZone {
    padding-top: 0 !important;
}

.ms-DetailsHeader-cell > span > span > span {
    font-size: 12px !important;
}

div.ms-SelectionZone {
}

.search-box div.ms-Callout-container > div {
    width: 100% !important;
}

.ms-BasePicker-text {
    border: 1px solid rgb(96, 94, 92);
}

.ms-BasePicker-text:after {
    border: 1px solid rgb(96, 94, 92);
}

.ms-TagItem:focus-within {
    background-color: rgb(243, 242, 241);
    color: rgb(96, 94, 92);
}

.ms-TagItem {
    max-width: 100% !important;
}

.ms-TagItem-TextOverflow {
    max-width: 100vw;
}

.ms-TagItem-close:focus {
    color: rgb(96, 94, 92) !important;
    background-color: rgb(243, 242, 241) !important;
}

.items {
    height: calc(100vh - 142px);
}

.items .ms-DetailsList{
    overflow: hidden;
}

.ms-DetailsHeader {
    border: none !important;
}

ul.right-menu-list.theme-mac {
    background: white;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    color: #21201f;
    font-size: 13px;
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px !important;
    border: none;
    padding: 0;
}

ul.right-menu-list.theme-mac :hover {
    background: #f3f2f1;
    color: #21201f;
    /*cursor: pointer;*/
}

ul.right-menu-list.theme-mac li {
    padding: 0 8px !important;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    height: 30px !important;
    line-height: 30px !important;
}

body {
    overflow: hidden;
}
.tabs{
    display: flex;
    justify-content:space-between;
}


.tabs>.menu{
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    width: 40px;
}
.ms-layer{
    display: none;
}
.setting-item{
    padding: 10px 0 ;
}
.setting-item .add{
    margin: 10px 0 0 0 !important;
    display: flex;
}
.setting-item  .added label{
    max-width: 260px;
}
.setting-item .add button{
    margin: 0 0 10px 0;
}
.setting-item  .added{
    display: flex;
    flex-wrap: wrap;

}
.setting-item  .added .added-item{
    display: flex;
    margin: 0 8px 0 0 !important;
}
.add button{
    margin-right: 10px !important;
}
 /*div.menu > button > span{*/
 /*    color: black;*/
 /*}*/
.marker{
    background: #edebe9;
    /*color: white;*/
    /*background: lightslategray;*/
    /*background: lightgoldenrodyellow;*/
}
.ms-Dropdown{
    width: 290px !important;
}


.status-bar{
    padding: 3px 0 ;
    display: flex;
    flex-direction: row-reverse;
    height: 20px;
    border-top: 1px solid #eee;
    font-size: 13px;
    /*justify-content: space-between;*/
}
.status-bar .progress{
    width: 160px;
    display: flex;
}
.status-bar .progress>.name{
    margin-right: 5px;
    white-space: nowrap;
}
.status-bar .progress>.cmpt{
    width: 160px !important;
    display: flex;
    /*display: flex;*/
}
.status-bar .progress .ms-ProgressIndicator{
    width: 100% !important;
}
.status-bar .files{
    margin-right: 20px;
}

div.ms-Suggestions-container>div:first-child{
    display: none;
}